<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<!--css-->
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
	</head>

	<body class="bg-gray">

		<header class="mui-bar mui-bar-nav user-bar-nav" style="box-shadow: none!important;border-bottom: 0px;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人中心</h1>
			<a class="mui-icon mui-icon-more mui-pull-right"></a>
		</header>
		<!--DOM	-->
		<div class="mui-content bg-gray">
			<!---->
			<ul class="mui-table-view user-list">
				<li class="mui-table-view-cell mui-media user-header-box">
					<img src="images/user-header-bg.jpg" alt="" class="user-header-bg"/>
					<a class="mui-navigate-right" style="z-index: 2;"  href='personal-data.html'>
						<div class="mui-media-object mui-pull-left">
							<img src="images/user-header-img.png">
						</div>
						<div class="mui-media-body">
							<h5>Momoko</h5>
							<p>掌门号：234935</p>
						</div>
						<p class="user-text-qm">个性签名：专注于机器学习与计算机视觉领域，深度学习领域一
线实战专家。</p>
					</a>
				</li>
			</ul>
			
			<div class="user-info-content">
				<div class="user-info-item">
					<p>24</p>
					<p>收藏</p>
				</div>
				<div class="user-info-item">
					<p>58</p>
					<p>点赞</p>
				</div>
				<div class="user-info-item">
					<p>16</p>
					<p>关注</p>
				</div>
			</div>
			
			<ul class="mui-table-view user-list user-list-group">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right user-icon user-icon1" href='my-zp.html'>
						我的作品
						<span class="mui-badge mui-badge-inverted"><b>文档（4）</b>|<b>视频（3）</b></span>
					</a>
				</li>
				<li class="mui-table-view-cell link-href">
					<a class="mui-navigate-right user-icon user-icon2"  href='my-course.html'>
						我的课程
						<span class="mui-badge mui-badge-inverted"><b>购买（4）</b>|<b>出售（3）</b></span>
					</a>
				</li>
				<li class="mui-table-view-cell link-href">
					<a class="mui-navigate-right user-icon user-icon3"  href='sq-dxzmr.html'>
						申请地信掌门人
					</a>
				</li>
				<li class="mui-table-view-cell link-href">
					<a class="mui-navigate-right user-icon user-icon4"  href='smrz.html'>
						实名认证
						<span class="mui-badge mui-badge-inverted">未认证</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right user-icon user-icon5" href="my-sr.html">
						我的收入
						<span class="mui-badge mui-badge-inverted">￥0.00</span>
					</a>
				</li>
				<li class="mui-table-view-cell link-href" >
					<a class="mui-navigate-right user-icon user-icon6" href='service.html'>
						关于掌门人
					</a>
				</li>
			</ul>
			<!---->
		</div>

		<nav class="mui-bar mui-bar-tab footer-bar-tab">
			<a class="mui-tab-item " href='index.html'>
				<span class="mui-icon footer-icon footer-icon1"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item  mui-active" href='user.html'>
				<span class="mui-icon footer-icon footer-icon2"></span>
				<span class="mui-tab-label">个人中心</span>
			</a>
			<a class="mui-tab-item " href='qyml.html'>
				<span class="mui-icon footer-icon footer-icon3"></span>
				<span class="mui-tab-label">企业名录</span>
			</a>
		</nav>
		<!-- JS -->
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>

</html>